﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JianLiyulan.aspx.cs" Inherits="OnlineRecruit.JianLiyulan" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
    header {
        background-color: #333;
        color: white;
        text-align: center;
        padding: 10px 0;
    }
     footer {
        background-color: #333;
        color: white;
        text-align: center;
        padding: 10px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        }

    .content {
        padding: 20px;
        height:500px;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        text-align: center;
    }
    * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', sans-serif;
        }

    body {
            background-color: #f0f2f5;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        .resume-preview {
            background: white;
            width: 100%;
            max-width: 800px;
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
        }

        .preview-title {
            text-align: center;
            color: #1a73e8;
            margin-bottom: 1.5rem;
            font-size: 1.8rem;
        }

        .section {
            margin-bottom: 1.5rem;
        }

        .section-title {
            color: #1a73e8;
            font-size: 1.2rem;
            margin-bottom: 0.8rem;
            border-bottom: 2px solid #1a73e8;
            padding-bottom: 0.3rem;
        }

        .info-item {
            margin-bottom: 0.8rem;
        }

        .info-label {
            font-weight: bold;
            color: #333;
            margin-right: 0.5rem;
        }

        .file-link {
            color: #1a73e8;
            text-decoration: none;
        }

        .file-link:hover {
            text-decoration: underline;
        }

        .action-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 2rem;
        }

        .action-btn {
            padding: 0.8rem 1.5rem;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .print-btn {
            background: #1a73e8;
            color: white;
        }

        .print-btn:hover {
            background: #1557b0;
        }

        .edit-btn {
            background: #f0f2f5;
            color: #333;
            border: 1px solid #ddd;
        }

        .edit-btn:hover {
            background: #e0e3e7;
        }
    </style>
  
</head>
<body>
    <form id="form1" runat="server">
    <div class="resume-preview">
        <h1 class="preview-title">简历预览</h1>

        <!-- 基本信息 -->
        <div class="section">
            <div class="section-title">基本信息</div>
            <div class="info-item">
                <span class="info-label">姓名：</span>
                <asp:Label ID="lblFullName" runat="server" Text="张三"></asp:Label>
            </div>
            <div class="info-item">
                <span class="info-label">邮箱：</span>
                <asp:Label ID="lblEmail" runat="server" Text="zhangsan@example.com"></asp:Label>
            </div>
            <div class="info-item">
                <span class="info-label">电话：</span>
                <asp:Label ID="lblPhone" runat="server" Text="13800138000"></asp:Label>
            </div>
        </div>

        <!-- 教育背景 -->
        <div class="section">
            <div class="section-title">教育背景</div>
            <div class="info-item">
                <span class="info-label">最高学历：</span>
                <asp:Label ID="lblEducation" runat="server" Text="本科"></asp:Label>
            </div>
        </div>

        <!-- 工作经验 -->
        <div class="section">
            <div class="section-title">工作经验</div>
            <div class="info-item">
                <span class="info-label">工作年限：</span>
                <asp:Label ID="lblExperience" runat="server" Text="3.5 年"></asp:Label>
            </div>
        </div>

        <!-- 个人简介 -->
        <div class="section">
            <div class="section-title">个人简介</div>
            <asp:Label ID="lblIntroduction" runat="server" Text="具有3年以上前端开发经验，熟练掌握HTML、CSS、JavaScript等技术..."></asp:Label>
        </div>

        <!-- 简历文件 -->
        <div class="section">
            <div class="section-title">简历附件</div>
            <asp:HyperLink ID="hlResume" runat="server" NavigateUrl="~/files/我的简历.pdf" Text="我的简历.pdf"></asp:HyperLink>
        </div>

        <!-- 操作按钮 -->
        <div class="action-buttons">       
           
            <!-- 返回修改按钮 -->
            <asp:Button ID="btnBackToEdit" runat="server" CssClass="action-btn edit-btn" Text="返回修改" OnClick="BackToEdit" />

            <!-- 确认按钮 -->
            <asp:Button ID="btnConfirm" runat="server" CssClass="action-btn edit-btn" Text="确认" OnClick="Confirm" />
        </div>
    </div>


    </form>
</body>
</html>
